<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="Public/css/area.css" />
<link rel="stylesheet" href="Public/css/address.css" />
<link rel="stylesheet" href="Public/css/api.css" />
<link rel="stylesheet" href="Public/css/mui.min.css" />
<title>收货地址</title>
</head>
<body>
<div class="iphone">
	<header id="header" >
		<a class="cancel">取消</a>
		修改收货地址
		<a class="save">保存</a>
	</header>
	<ul class="li_box">
		<li>
			<span class="title">收货人</span>
			<input type="text"  id="name"/>
		</li>
		<li>
			<span class="title">手机号码</span>
			<input type="text"  id="phone"/>
		</li>
		<div class="browser">
	        <!--选择地区-->
	        <section class="express-area">
	            <a id="expressArea" href="javascript:void(0)">
	                <dl>
	                    <dt style="color: #eaeaea;">选择地区：</dt>
	                    
	                    <dd id="area">省 > 市 > 区/县</dd>
	                </dl>
	            </a>
	        </section>
	        <!--选择地区弹层-->
	        <section id="areaLayer" class="express-area-box">
	            <header>
	                <h3>选择地区</h3>
	                <a id="backUp" class="back" href="javascript:void(0)" title="返回"></a>
	                <a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a>
	            </header>
	            <article id="areaBox">
	                <ul id="areaList" class="area-list"></ul>
	            </article>
	        </section>
	        <!--遮罩层-->
	        <div id="areaMask" class="mask"></div>
	    
	    </div>
		<li>
			<span class="title" style="vertical-align: top;">详细地址</span>
			<textarea rows="3" style="outline:none;margin-left:15px;" id="xiang"></textarea>
		</li>
		<li>
			<span class="title" style="vertical-align: top;">是否设为默认</span>
			<div class="mui-switch" id="hua">
				<div class="mui-switch-handle"></div>
			</div>
		</li>
	</ul>
	
</div>

<script type="text/javascript" src="Public/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="Public/js/jquery.area.js" ></script>
<script type="text/javascript" src="Public/js/util/mui.min.js" ></script>
<script type="text/javascript" src="Public/js/model/address.js" ></script>
<script>
	
</script>
</body>
</html>